<template>
  <div class="auth-container">
    <Login v-if="showLogin" @register="switchToRegister" />
    <Register v-else @login="switchToLogin" />
  </div>
</template>

<script setup>
import { ref } from 'vue'
import Login from '@/views/Login/components/Login.vue'
import Register from '@/views/Login/components/Register.vue'

const showLogin = ref(true)

const switchToRegister = () => {
  showLogin.value = false
}

const switchToLogin = () => {
  showLogin.value = true
}
</script>

<style scoped>
.auth-container {
  width: 100vw;
  height: 100vh;
  /* top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center; */
  background-color: #95eb82;
}
</style>